import React from 'react';
import _ from 'underscore';
import View from 'lib/View.jsx';
import NetTypeScope from './NetTypeScope.es6';
import Card from 'lib/components/card.jsx';
import ChartWidget from 'lib/components/ChartWidget.jsx';
import GridWidget from 'lib/components/GridWidget.jsx';
import addWidgetMixin from '../common/NewDashboardWidget.jsx'

export default class DrillView extends View {
  constructor(props){
    super(props);
  }
  render(){
    return (
      <div className="box">
        <div className="widget-float">
          <div className="widget-title">
            <a className="close iconfont" href="#/">&#xe638;</a>
            <h4>{this.state.title}</h4>
          </div>
          <div className="widget-content">
            <Card title="活跃会话数" extra={
                addWidgetMixin(this.scope.chart0Api,'活跃会话数')
              }>
              <ChartWidget store={this.state.chart0}/>
            </Card>
          </div>
        </div>
      </div>
    )
  }
}

DrillView.defaultProps = {
  Scope:NetTypeScope
}
